.container_activity_list {
    .adm-nav-bar-right {
        font-weight: 400;
        font-size: 0.37rem;
        color: #323755;
        line-height: 1.07rem;
    }

    .that_detail_wraper {
        padding: .43rem !important;
        padding-bottom: 2rem !important;

        li {
            // background: linear-gradient(90deg, #FFFFFF 0%, #FFFEE1 100%);
            background: linear-gradient(90deg,
                    rgba(251, 230, 165, 0),
                    rgba(166, 206, 255, 1),
                );
            box-shadow: 0rem 0.05rem 0.32rem 0rem rgba(22, 52, 80, 0.1);
            border-radius: 0.37rem;
            display: flex;
            padding: .43rem;
            overflow: hidden;
            margin-bottom: .53rem;
            position: relative;

            .piblic_type {
                background-color: transparent;
                position: absolute;
                top: .18rem;
                right: -.09rem;
                height: 1rem;
                width: 1.5rem;

                div {
                    text-align: center;
                    height: 0.45rem;
                    width: 2rem;
                    font-size: 0.36rem;
                    line-height: 0.45rem;
                    color: #fff;
                    transform: rotate(45deg);
                    transform-origin: center center;

                    &.tedian {
                        background-color: #FF4E4D;
                    }

                    &.dianqie {
                        background-color: #F27121
                    }
                }
            }

            position: relative;

            .piblic_type {
                background-color: transparent;
                position: absolute;
                top: .18rem;
                right: -.09rem;
                height: 1rem;
                width: 1.5rem;

                div {
                    text-align: center;
                    height: 0.45rem;
                    width: 2rem;
                    font-size: 0.36rem;
                    line-height: 0.45rem;
                    color: #fff;
                    transform: rotate(45deg);
                    transform-origin: center center;

                    &.tedian {
                        background-color: #FF4E4D;
                    }

                    &.dianqie {
                        background-color: #F27121
                    }
                }
            }

            .item_img {
                border-radius: .21rem;
                width: 2.13rem;
                height: 2.13rem;
                flex-shrink: 0;
                overflow: hidden;

                img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }
            }

            .item_content {
                margin-left: .27rem;
                display: flex;
                flex-direction: column;
                justify-content: space-evenly;
                color: #999999;

                h4 {
                    font-weight: 400;
                    font-size: 0.43rem;
                    color: #323755;
                    line-height: 0.72rem;
                }

                div {
                    font-weight: 400;
                    font-size: 0.37rem;
                    color: #999999;
                    line-height: 0.72rem;
                }
            }
        }
    }

    .that_logout {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 10px;
        background-color: #fff;
        button{
            padding: .43rem 0;
            font-size: 0.43rem;
            border-radius: 0.4rem;
            width: 100%;
            background-color: var(--themeColor);
            color: #fff;
        }
    }
}